
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

<ui:composition template="/template_padrao.xhtml">


	<ui:define name="content">

		<f:event type="preRenderView"
            listener="#{estoqueMB.beginConversation()}" />
		
		
		<h2>Consulta Estoque</h2>
		
		<h:form id="form_con_estoque">

			<p:fieldset styleClass="fieldSetPadrao">
				<legend>Pesquisa</legend>
				
				<div id="actionButton" class="buttonNew">
					<p:commandButton value="Imprimir" action="#{estoqueMB.imprimir()}"
						ajax="false" id="bt_imprimir" />

				</div>
				
				
				<br />				
				<table class="table">
					<tr>
						<td><h:outputLabel value ="Material" /></td>						
						<td><p:inputText value="#{estoqueMB.descricaoMaterialPesquisa}" /></td>
					</tr>
					
					<tr>	
						<td ><p:commandButton value="Buscar" action="#{estoqueMB.pesquisar()}" ajax="false" /></td>
					</tr>
					
				</table>
			</p:fieldset>
			
			<br />
			
			<p:dataTable value="#{estoqueMB.listaMateriais}" var="material"  paginator="true" rows="10" 
			paginatorPosition="bottom">
		        
				<p:column>
					<f:facet name="header">
						<h:outputText value="Situação" />
					</f:facet>
					<h:graphicImage value="/images/abaixo_estoque.png" title="Abaixo do estoque mínimo."  styleClass="buttonEditDeletSearch" rendered="#{material.estoque.abaixoEstoqueMinimo}"/>
					<h:graphicImage value="/images/acima_estoque.png" title="Acima ou igual ao estoque mínimo."  styleClass="buttonEditDeletSearch" rendered="#{material.estoque.abaixoEstoqueMinimo == false}"/>
				</p:column>
				
				<p:column>
					<f:facet name="header">
						<h:outputText value="Material" />
					</f:facet>
					<h:outputText value="#{material.descricaoMaterial}" style="color: #{material.estoque.abaixoEstoqueMinimo == true ? 'red' : 'blue'}"/>
				</p:column>
				
				<p:column>
					<f:facet name="header">
						<h:outputText value="Qtde. Atual" title="Quantidade Atual"/>
					</f:facet>
					<h:outputText value="#{material.estoque.quantidadeAtual}"/>			
				</p:column>
				
				<p:column>
					<f:facet name="header">
						<h:outputText value="Qtde. Mínima" title="Quantidade Mínima"/>
					</f:facet>
					<h:outputText value="#{material.estoque.quantidadeMinima}" />
				</p:column>
				
				<p:column>
					<f:facet name="header">
						<h:outputText value="Atualização" />
					</f:facet>
					<h:outputText value="#{material.estoque.ultimaAtualizacao.time}" rendered="#{material.estoque.ultimaAtualizacao != null}" >
						<f:convertDateTime pattern="dd/MM/yyyy"/>
					</h:outputText>
					
					<h:outputText value=" - " rendered="#{material.estoque.ultimaAtualizacao == null}" />
				</p:column>
				

			</p:dataTable>

		</h:form>


	</ui:define>

</ui:composition>

</html>